<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<link rel="shortcut icon" type="image/x-icon" href="<?=base_url();?>images/icon/logo.png">
		<title>FrieslandCampina Operation</title>

		<link rel="stylesheet" type="text/css" href="<?=base_url();?>css/index.css">
		<link rel="stylesheet" type="text/css" href="<?=base_url();?>css/jquery-ui-1.8.21.custom.css">

		<script src="<?=base_url();?>js/jquery-1.7.2.min.js" type="text/javascript" ></script>
		<script  src="<?=base_url();?>js/jquery-ui-1.8.21.custom.min.js" type="text/javascript"></script>
		<script type="text/javascript">
			$(document).ready(function(){
				//click menu
				$('.vertical-menu>li>a').click(function(){
					window.location = $(this).attr('href');
				});

				//set up dialog
				$('.add-job-form').dialog({
					autoOpen: false,
					modal: true,
					draggable: false,
					resizable: false,
					width: 300,
					height: 200,
					buttons:[
						{
							text : "Ok", 
							click : function(){ 
								$(this).dialog("close");
							}
						},
						{
							text : "Cancel",
							click : function(){
								$(this).dialog("close");
							}
						}
					]
				});

				//click button add skill
				$('.btn-add-skill').click(function(){
					$('.add-job-form').dialog('open');
				});

				//button click poisition level
				$('.poisition>td').mouseenter(function(){
					var lev = $(this).text();
					var text = "<select class=\"level\"><option>-</option><option>1</option><option>2</option><option>3</option></select>";
					
					$(this).html(text);
				}).mouseleave(function(){
					var lev = $('.level').val();
					$('.level').replaceWith(lev);
				});
			});
		</script>
	</head>
	<body>
		<div class="add-job-form" title="Add Skill">
			<table>
				<tr>
					<td>Job Name:</td>
					<td><input class="skill-name" type="text" class="ui-widget"></td>
				</tr>
			</table>
		</div>
		<div class="wrapper">
			<div class="login">
				<div class="login-content ui-state-default ui-corner-bl" >
					<span>Hi, Nguyen Phuc Loc</span></br>
					<a href="<?=base_url()?>index.php/account/changePassword/">
						<img class="icon" src="<?=base_url()?>images/icon/changepassword.png">
						<span>Change Password</span>
					</a></br>
					<a href="<?=base_url()?>index.php/">
						<img class="icon" src="<?=base_url()?>images/icon/logout">
						<span>Log out</span>
					</a>
				</div>
				<button id="btn-login" class="btn-login ui-state-default ui-corner-bottom">
						<img src="<?=base_url();?>images/icon/account.png" class="icon">
						<span>Profile</span>
				</button>
			</div>
			<div class="header">
				<img class="logo" src="<?=base_url();?>images/icon/logo_fc.png">
			</div>
			<div class="content">
				<div>
					<?php echo $menu;?>
				</div>
				<div class="view-content ui-widget-content ui-corner-all">
					<h3 class="ui-widget-header ui-helper-reset ui-corner-top">JOB MANAGEMENT</h3>
					<div class="skill-content">
						<button class="btn-add-skill ui-widget ui-state-default ui-corner-all">
							<img class="icon" src="<?=base_url()?>images/icon/add.png">
							<span>Add Job</span>
						</button>
						<table class="skill-matrix" cellspacing="0" border="1" cellpading="0" width="1000">
							<tr class="level-A">
								<td>Skill level A</td>
								<td colspan="21">
									Magerial
								</td>
								<td colspan="10">
									Behavioral
								</td>
								<td colspan="11">
									Additional
								</td>
							</tr>
							<tr class="level-B">
								<td>Skill level B</td>
								<td colspan="9">
									<div>Team Management</div>
								</td>
								<td colspan="12">
									<div>Performance Management</div>
								</td>
								<td colspan="4">
									<div>Communication</div>
								</td>
								<td colspan="2">
									<div>Interactivity</div>
								</td>
								<td colspan="4">
									<div>Personal Effectiveness</div>
								</td>
								<td colspan="11">
									<div>Train The Trainer Skill</div>
								</td>
							</tr>
							<tr class="level-C">
								<td>Skill level C</td>
								<td colspan="3">
									<div>Planning</div>
								</td>
								<td colspan="3">
									<div>Meeting Management</div>
								</td>
								<td colspan="3">
									<div>Decision Making</div>
								</td>
								<td colspan="3">
									<div>Results orientation</div>
								</td>
								<td colspan="3">
									<div>Delegation</div>
								</td>
								<td colspan="3">
									<div>Coaching</div>
								</td>
								<td colspan="3">
									<div>Motivatin</div>
								</td>
								<td colspan="2">
									<div>Writing</div>
								</td>
								<td colspan="2">
									<div>Oral</div>
								</td>
								<td colspan="2">
									<div>Teamwork & cooperation</div>
								</td>
								<td colspan="2">
									<div>Problem solving</div>
								</td>
								<td colspan="2">
									<div>Time management</div>
								</td>
								<td colspan="4">
									<div>Training preparation</div>
								</td>
								<td colspan="5">
									<div>Training delivery</div>
								</td>
								<td colspan="2">
									<div>Training evaluation</div>
								</td>
							</tr>
							<tr class="level-D" >
								<td>Skill level D</td>
								<td>
									<div>Idenfity objectives</div>
								</td>
								<td>
									<div>Develop master plan</div>
								</td>
								<td>
										<div>Monitor plan</div>
								</td>
								<td>
									<div>Develop meeting agenda</div>
								</td>
								<td>
									<div>Follow meeting discipline</div>
								</td>
								<td>
									<div>Action planning</div>
								</td>
								<td>
									<div>Understand situation</div>
								</td>
								<td>
									<div>Identify and compare alternatives</div>
								</td>
								<td>
									<div>Make a choice</div>
								</td>
								<td>
									<div>Set goals</div>
								</td>
								<td>
									<div>Establish measurement criteria</div>
								</td>
								<td>
									<div>Monitor progress</div>
								</td>
								<td>
									<div>Prepare for delgation</div>
								</td>
								<td>
									<div>Carry out delegation</div>
								</td>
								<td>
									<div>Monitor delegated work</div>
								</td>
								<td>
									<div>Identify coaching needs</div>
								</td>
								<td>
									<div>Develop coaching plan</div>
								</td>
								<td>
									<div>Conduct coaching</div>
								</td>
								<td>
									<div>Understand motivation needs</div>
								</td>
								<td>
									<div>Identify and reward achievement</div>
								</td>
								<td>
									<div>Provide and receive feedback</div>
									</td>
								<td>
									<div>Business writing</div>
								</td>
								<td>
									<div>Reporting</div>
								</td>
								<td>
									<div>Presentation</div>
								</td>
								<td>
									<div>Provideing and receiving feedback</div>
								</td>
								<td>
									<div>Manage relationships</div>
								</td>
								<td>
									<div>Work towards a common goal</div>
								</td>
								<td>
									<div>Identify problem</div>
								</td>
								<td>
									<div>Assess and decide on solutions</div>
								</td>
								<td>
									<div>Prioritizing</div>
								</td>
								<td>
									<div>Monitoring</div>
								</td>
								<td>
									<div>Develop course outline</div>
								</td>
								<td>
									<div>Develop & adapt training material</div>
								</td>
								<td>
									<div>Design assessment</div>
								</td>
								<td>
									<div>Prepare logistic & training facility</div>
								</td>
								<td>s
									<div>Establish and maintain credability</div>
								</td>
								<td>
									<div>Manage the leasrning environment</div>
								</td>
								<td>
									<div>Use communication skills</div>
								</td>
								<td>
									<div>Use presentaion skills</div>
								</td>
								<td>
									<div>Employ questioning skill</div>
								</td>
								<td>
									<div>Score paper based test</div>
								</td>
								<td>
									<div>Conduct training evaluation</div>
								</td>
							</tr>
							<tr class="poisition">
								<td>Supervisor</td>
								<td>1</td>
								<td>3</td>
								<td>1</td>
								<td>2</td>
								<td>-</td>
								<td>1</td>
								<td>1</td>
								<td>1</td>
								<td>3</td>
								<td>1</td>
								<td>2</td>
								<td>-</td>
								<td>1</td>
								<td>1</td>
								<td>1</td>
								<td>3</td>
								<td>1</td>
								<td>2</td>
								<td>-</td>
								<td>1</td>
								<td>1</td>
								<td>1</td>
								<td>3</td>
								<td>1</td>
								<td>2</td>
								<td>-</td>
								<td>1</td>
								<td>1</td>
								<td>1</td>
								<td>3</td>
								<td>1</td>
								<td>2</td>
								<td>-</td>
								<td>1</td>
								<td>1</td>
								<td>1</td>
								<td>3</td>
								<td>1</td>
								<td>2</td>
								<td>-</td>
								<td>1</td>
								<td>1</td>
							</tr>
							<tr class="poisition">
								<td>Foreman</td>
								<td>1</td>
								<td>1</td>
								<td>3</td>
								<td>1</td>
								<td>2</td>
								<td>-</td>
								<td>1</td>
								<td>1</td>
								<td>1</td>
								<td>3</td>
								<td>1</td>
								<td>2</td>
								<td>-</td>
								<td>1</td>
								<td>1</td>
								<td>1</td>
								<td>3</td>
								<td>1</td>
								<td>2</td>
								<td>-</td>
								<td>1</td>
								<td>1</td>
								<td>1</td>
								<td>3</td>
								<td>1</td>
								<td>2</td>
								<td>-</td>
								<td>1</td>
								<td>1</td>
								<td>1</td>
								<td>3</td>
								<td>1</td>
								<td>2</td>
								<td>-</td>
								<td>1</td>
								<td>1</td>
								<td>1</td>
								<td>3</td>
								<td>1</td>
								<td>2</td>
								<td>-</td>
								<td>1</td>
							</tr>
							<tr class="poisition">
								<td>Filling Technician</td>
								<td>1</td>
								<td>1</td>
								<td>3</td>
								<td>1</td>
								<td>2</td>
								<td>-</td>
								<td>1</td>
								<td>1</td>
								<td>1</td>
								<td>3</td>
								<td>1</td>
								<td>2</td>
								<td>-</td>
								<td>1</td>
								<td>1</td>
								<td>1</td>
								<td>3</td>
								<td>1</td>
								<td>2</td>
								<td>-</td>
								<td>1</td>
								<td>1</td>
								<td>1</td>
								<td>3</td>
								<td>1</td>
								<td>2</td>
								<td>-</td>
								<td>1</td>
								<td>1</td>
								<td>1</td>
								<td>3</td>
								<td>1</td>
								<td>2</td>
								<td>-</td>
								<td>1</td>
								<td>1</td>
								<td>1</td>
								<td>3</td>
								<td>1</td>
								<td>2</td>
								<td>-</td>
								<td>1</td>
							</tr>
							<tr class="poisition">
								<td>DS Technician</td>
								<td>1</td>
								<td>1</td>
								<td>3</td>
								<td>1</td>
								<td>2</td>
								<td>-</td>
								<td>1</td>
								<td>1</td>
								<td>1</td>
								<td>3</td>
								<td>1</td>
								<td>2</td>
								<td>-</td>
								<td>1</td>
								<td>1</td>
								<td>1</td>
								<td>3</td>
								<td>1</td>
								<td>2</td>
								<td>-</td>
								<td>1</td>
								<td>1</td>
								<td>1</td>
								<td>3</td>
								<td>1</td>
								<td>2</td>
								<td>-</td>
								<td>1</td>
								<td>1</td>
								<td>1</td>
								<td>3</td>
								<td>1</td>
								<td>2</td>
								<td>-</td>
								<td>1</td>
								<td>1</td>
								<td>1</td>
								<td>3</td>
								<td>1</td>
								<td>2</td>
								<td>-</td>
								<td>1</td>
							</tr>
						</table>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>